
/*css初始化*/

body,div,ul,li,input,p,h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
	font: 12px simsun;
	color: #000;
}
ul,li{
	list-style: none;
}

input{
	border: 0 none;
	outline-style: none;
}

a{
	text-decoration: none;
	color: #000;
}
img{
	border:  0 none;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.clearfix:after{
	content: ".";
	display:  block;
	height: 0;
	line-height: 0;
	visibility: 0;
	clear: both;
}
.clearfix{
	zoom:1;
}


/*顶部导航开始*/


.top-nav{
  height: 26px;
  background: #F7F7F7;
  border-bottom: 1px solid #D8D8D8;
  }

  .top-nav-con{
  	width: 970px;
  	margin: 0 auto;
  	height: 26px;
  }
  .top-nav-l{
  	height: 26px;
  	line-height: 26px;
  }


  .top-nav-r  ul li{
		float: left;
		height: 26px;
		line-height: 26px;
  }

 .top-nav-r ul li a {
  	display:  inline-block;
  	height: 26px;
  	padding: 0 10px;
  	background:url(images/sj.png) no-repeat right;
  }
  /*顶部导航结束*/
  /*logo部分开始*/

  .logo{
  	width: 970px;
  	height: 84px;
  	margin: 0 auto;

  }
  .logo-pic{
  	width: 200px;
  	height: 84px;
  }
   .search{
  	width: 519px;
  	height: 30px;
  	border:  1px solid #c9c9c9;
  	background: #f9f9f9;
  	margin-top: 28px;
  	padding: 5px 5px 5px 4px;

  }

	.search input[type = "text"]{
		width: 419px;
		height: 28px;
		border:  1px solid #A6A6A6;
		border-right: 0 none;
		vertical-align:  middle;

  	}

  	.search input[type = "botton"]{
		width: 99px;
		height: 30px;
		background:url(images/serch.png);
		vertical-align: middle;

  	}
    /*logo部分结束*/

    .nav{
      width: 970px;
      height: 25px;
      margin: 10px auto;
      border-bottom: 2px solid #0266a3;
    }

    .nav li {
      float: left;
    }

    .nav li a {
      display: inline-block;
      height: 25px;
      line-height: 25px;
      padding: 0 15px;
      color: #0266a3;
    }
    .nav li a:hover{
      background:#0266a3;
      color:#fff;
    }
    /*logo部分结束*/

    /*主要部分开始*/

    .mar{
      width: 970px;
      height: 210px;
      margin: 0 auto;
      /*background: yellow;*/
    }
    .mar-lift{
      width: 200px;
      height: 210px;
      background: #EBF0F6;
      /*background: red;*/
    }
    .mar-title{
      height: 30px;
      background: #0266a3;
      line-height: 30px;
      color: #fff;
      padding-left: 20px;
    }
    .mar-list{
      margin-top: 5px;
    }
    .mar-list li{
      height: 28px;
      line-height: 28px;
      padding-left: 39px;
    }
    /*选中要复试的代码,按住shift+command+d,就可以连续复试了*/
    .mar-list li.icon1{
      background: url(images/icon_1.png) no-repeat 9px;
    }
  .mar-list li.icon2{
      background: url(images/icon_2.png) no-repeat 9px;
    }
  .mar-list li.icon3{
      background: url(images/icon_3.png) no-repeat 9px;
    }
  .mar-list li.icon4{
      background: url(images/icon_4.png) no-repeat 9px;
    }
  .mar-list li.icon5{
      background: url(images/icon_5.png) no-repeat 9px;
    }
  .mar-list li.icon6{
      background: url(images/icon_6.png) no-repeat 9px;
    }

    .mar-right{
      width: 234px;
      height: 210px;
      text-align: right;
    }

    .mar-right img[src="images/center-r.png"]{

      margin-bottom: 21px;
      border-right: 1px solid #E0E6F0;
    }
    /*主要部分结束*/
    /*材料列表部头部分开始*/
    .bud{
      height: 34px;
      width: 948px;
      margin: 14px auto 11px;
      background: #ECF1F7;
      border-top: #C3D7E4 2px solid;
      font-style: 14px;
      font-weight: 700;
      line-height: 34px;
      padding-left: 22px;
    }
    /*材料列表部头部分结束*/

    /* 材料列表内容部分 */
    .pro{
        width: 970px;
        height: 344px;
        margin: 0 auto;
        /* background: red; */
    }

    .pro-lift{
      width: 727px;
      height: 344px;
      border: 1px solid #D8D8D8;
      /* background: green; */
    }
    .pro-right{
      width: 228px;
      height: 344px;
      border: 1px solid #D8D8D8;
      /* background: yellow; */
    }

    .pro-lift-t{
      width: 656px;
      height: 142px;
      margin: 15px 0px 14px 26px;
      /* background: gray; */
    }

    .pro-pic-l{
      width: 318px;
      height: 142px;
    }

    .pro-pic-ll{
      width: 97px;
      height: 142px;
      /* background: red; */
    }

    .pro-pic-llt{
      width: 97px;
      height: 100px;
      text-align: center;
      border: 1px solid #cacaca;
    }

    .pro-pic-llt img{
      margin-top: 17.5px;
    }
    .pro-pic-btn input {
      width: 97px;
      height: 26px;
      background:  url("images/buy.png");
      margin-top: 15px
    }

    .pro-pic-lr p {
      margin-left: 10px;
      font-size: 14px;

    }

    .pro-pic-lr p span {
      color: #ff0000;
      font-weight: 700;
    }
    .pro-pic-lr p del{
      font-size: 12px;
      margin-left: 4px;
    }

    .pro-pic-lr p.text1{
      height: 28px;
      margin-top: 10px;
    }

    .pro-pic-lr p.text2{
      height: 49px;
    }

    .pro-pic-lr p.text3{
      height: 38px;
    }

    .pro-line {
      border-top: 1px solid #eeeeee;
      margin: 0 5px;
    }

    .pro-right-title {
      height: 28px;
      line-height: 28px;
      padding-left: 15px;
      background: #fbfbfb;
      background-origin: 1px solid #E0E6F0;
    }

    .pro-right ul {

      margin-top: 17px;
    }

    .pro-right ul li {

      height: 24px;
      padding-left: 24px;
      background: url("images/li_bg.png") no-repeat 10px 6px;
    }

    .pro-right ul li a:hover{
      color: #ff0000;
      text-decoration: underline;
    }
    /*建筑材料内容结束*/
		/*儿童座椅开始*/
		.child {
			width: 970px;
			height: 326px;
			margin: 0 auto;
			/*background: yellow;*/
		}

		.child-left {
			width: 722px;
			height: 326px;
			/*background: red;*/
		}

		.child-left-title {
			height: 23px;
			background: url("images/et.png") no-repeat ;
			border-bottom: 2px solid #00b0e7;
		}

		.child-left-title h3{

			width: 100px;
			text-align: right;
			font-size: 14px;
			color: #00b0E7;
			font-weight: 700;
			height:23px;
			line-height: 23px;
			margin-left: auto;
		}

   .child-left-content {
			height: 301px;
			border: 1px solid #CACACA;
	 }

	 .child-pic {
		 width: 164px;
		 text-align: center;
		 margin: 5px 0 0 13px;
	 }

	 .child-pic p.edit1{
		 height: 43px;
		 margin-top: 9px;
	 }

	 .child-pic p.edit2 ,.child-pic p.edit3{
		 color: #999999;
		 height: 24px;
	 }

	 .child-pic p.edit3 del ,.child-pic p.edit4 span {
		 color: #900;
	 }
	.child-right{
		width: 218px;
		height: 326px;
		/*background: #ff0000;*/
	}

	.child-right img[ src="images/et_right.png"]{
		border: 1px solid #CBCBCB;
		margin-bottom: 20px;
  }

  /* 艺术品 */

  .pro-right li.subtitle {
    height: 75px;
    background: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 24px;
  }

  .pro-right li.subtitle p {
    color: #777777;
  }

  .pro-right li.subtitle img{
    float:  left;
    margin-right: 5px;
  }

  .friendlink {
    width: 970px;
    height: 102px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 3px solid #0A7EC3;
    margin: 10px auto 0;
    /* background: rebeccapurple; */
  }

  .friendlink .frlink,.friendlink ul {
			margin-top: 30px;

  }
  
  .friendlink .frlink, .friendlink li{
    float: left;
  }

  .friendlink li{
    margin-bottom: 14px;
    padding:  0 4px;
  }

  .friendlink li a:hover{
    color: #ff0000;
    text-decoration: underline;
  }

  .copyright {

    height: 91px;

  }

  .copyright ul{
    width: 700px;
    height: 14px;
    margin: 15px auto 13px;
  }

  .copyright ul li{
    height: 14px;
    float: left;
    padding:  0 10px;
    background:  url("images/footer_bg.png") no-repeat  right;
  }

  .copyright {
    text-align:  center;
  }

  .copyright p.copy{
    height: 24px;
    margin-top:  13px;
  }

	
